<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>

    // var i = 0;
    // while( i < 10 ){
    //     console.log("hello");
    // }

    // // 计数器的声明
    // var i = 0;
    // // 执行条件
    // while( i < 10 ){
    //     console.log("hello");
    //     // 计数器的改变
    //     i++;
    // }

    // var i = 0;
    // while( i < 10 ){
    //     console.log(i);
    //     i++;
    // }

    // 注意：如非特殊需要，尽量不要多次操作计数器s

    // var j = 0;
    // do{
    //     console.log("world");
    //     j++;
    // }while(j < 10);


    // while(false){
    //     console.log(1);
    // }
    // 当条件直接为false时，do-while会至少执行一次，while不执行
    // while：执行条件前置，执行语句后置
    // do-while：执行条件后置，执行语句前置
    // 谁在前谁先执行
    // do{
    //     console.log(2)
    // }while(false);



    // for( var x=0; x<10; x++ ){
    //     console.log("hello world");
    // }

    //    1        2     3
    for( var x=0; x<10; x++ ){
        // 4
        console.log(x);
    }

    console.log(x);

    // 执行顺序：
    // 1 -> 2 -> 4 -> 3 -> 2 -> 4 -> ...

    // for循环的三要素更紧密，更集中，执行顺序固定，方便统一管理
    // while循环的三要素更宽松，更灵活，执行顺序可修改，方便个性化

    // var y = 0;
    // while(y < 10){
    //     y++;
    //     console.log(y);
    // }


    
</script>
</html>